<template>
  <div class='cpzx'>
    <div class="banner">
      <img :src = 'bannerImg'>
    </div>
    <div class="content">
      <h2>{{content.title}}</h2>
      <h5>{{content.time}}发布 作者：{{content.auth}}</h5>
      <p>{{content.text1}}</p>
      <img :src="content.img">
      <p>{{content.text2}}</p>
      <div class="content-footer">
        <div class="left" @click='toTop'>
          <router-link tag='a' :to="{path:'/cpzxdetail',query:{id:2}}" >
            <span>
              上一篇：水利水文一体化平台
            </span>
          </router-link>
          <router-link tag='a' :to="{path:'/cpzxdetail',query:{id:4}}" >
            <span>
              下一篇：农业气象服务平台
            </span>
          </router-link>
        </div>
        <div class="right">
          <span><img src="../assets/images/xz.png">下载</span>
          <span><a href="http://service.weibo.com/share/share.php?appkey=&title=&url=&searchPic=false&style=simple" target="_blank"><img src="../assets/images/zz.png">转载</a></span>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'CpzxDetail',
  data () {
    return {
      bannerImg: require('../assets/images/cpzxBanner.png'),
      content: {}
    }
  },
  methods: {
    toTop () {
      document.documentElement.scrollTop = document.body.scrollTop = 0
    }
  },
  created: function () {
    var newsID = this.$route.query.id
    console.log(newsID)
    this.content.title = '生态与旅游系统平台'
    this.content.time = '2019年1月1日发布'
    this.content.auth = '昆特科技'
    this.content.img = require('../assets/images/cpdetail.png')
    this.content.text1 = '平台主要对中国天然氧吧基金进行推广介绍并为中国天然氧吧景区的旅游、农业、生态资源提供线上交易渠道。平台主要内容包括：旅游业、基金相关资讯的整合发布；景区、旅游路线的全面介绍；景区门票、住宿的在线预订和特色农产品的在线购买；生态摄影作品展示；景区发展规划介绍；生态旅游相关的学术和政策信息；基金管理委员会的成员介绍；中国天然氧吧相关的研讨会、培训班资讯。'
    this.content.text2 = '当时就生态旅游给出了两个要点，其一是生态旅游的物件是自然景物；其二是生态旅游的物件不应受到损害。 在全球人类面临生存的环境危机的背景下， [1]  随着人们环境意识的觉醒，绿色运动及绿色消费席卷全球，生态旅游作为绿色旅游消费，一经提出便在全球引起巨大反响，生态旅游的概念迅速普及到全球，其内涵也得到了不断的充实，针对目前生存环境的不断恶化的状况， [1]  旅游业从生态旅游要点之一出发，将生态旅游定义为“回归大自然旅游”和“绿色旅游”；针对旅游业发展中出现的种种环境问题，旅游业从生态旅游要点之二出发，将生态旅游定义为“保护旅游”和“可持续发展旅游”。同时，世界各国根据各自的国情，开展生态旅游，形成各具特色的生态旅游。 生态旅游发展较好的西方发达国家首推美国，加拿大，澳大利亚等国，这些国家的生态旅游物件从人文景观和城市风光转为谢贝洛斯·拉斯喀瑞所指定的“自然景物”，即保持较为原始的大自然，这些自然景物在其国内定位为自然生态系统优良的国家公园，在国外定位为以原始森林为主的优良生态系统，这就使不少发展中国家成为生态旅游目的地，其中加勒比海地区和非洲野生动物园成为生态旅游热点区域。根据世界野生动物基金会估计，1988年，发展中国家旅游收入为5500亿美元，其中生态旅游为120亿。在哥斯达黎加，每年接待的国际游客中，几乎半数以上是去欣赏热带雨林的生态旅游者。据世界旅游组织统计，1994年去非洲的国际旅游者为1857.73万人次，其中生态旅游者占相当比例。 在西方发达国家，周末和节假日到大自然去旅游已成为一种时尚。西方发达国家在生态旅游活动中极为重视保护旅游物件。在生态旅游开发中，避免大兴土木等有损自然景观的做法，旅游交通以步行为主，旅游接待设施小巧，掩影在树丛中，住宿多为帐篷露营，尽一切可能将旅游对旅游物件的影响降至最低。在生态旅游管理中，提出了“留下的只有脚印，带走的只有照片”等保护环境的响亮口号，并在生态旅游目的地设置一些解释大自然奥秘和保护与人类攸息相关的大自然标牌体系及喜闻乐见的旅游活动，让游客在愉怡中增强环境意识，使生态旅游区成为提高人们环境意识的天然大课堂。'
  }
}
</script>
<style lang="less" scoped>
.cpzx{
  .banner{
    width: 100%;
    min-width: 1200px;
    img{
      width: 100%;
    }
  }
  .content{
    width: 1200px;
    margin: 0 auto;
    h2{
      text-align: center;
      font-size:26px;
      font-family:PingFang-SC-Bold;
      font-weight:bold;
      color:rgba(0,0,0,1);
      line-height:30px;
      padding-top: 80px;
    }
    h5{
      text-align: center;
      font-size:14px;
      font-family:PingFang-SC-Medium;
      font-weight:500;
      color:rgba(153,153,153,1);
      line-height:30px;
      padding:20px 0 40px;
    }
    img{
      width: 100%;
      padding: 30px 0;
    }
    p{
      font-size:18px;
      font-family:PingFang-SC-Medium;
      font-weight:500;
      color:rgba(102,102,102,1);
      line-height:30px;
      text-indent: 2.3rem;
    }
    .content-footer{
      overflow: hidden;
      border-top: #eeeeee solid 1px;
      margin-top: 50px;
      padding: 26px 0 74px;
      .left{
        float: left;
        font-size: 14px;
        font-weight: 500;
        color: #666666;
        line-height: 25px;
        span{
          margin-right: 80px;
          color: #666666;
          &:hover{
            color: #4EBDD5;
          }
        }
      }
      .right{
        float: right;
        span{
          margin-left: 30px;
          font-size: 12px;
          color: #333333;
          line-height: 25px;
          a{
            color: #333333;
          }
          img{
            width:24px;
            height: 24px;
            padding: 0;
            vertical-align: -6px;
            margin-right: 10px;
          }
          &:nth-of-type(2){
            img{
              width:31px;
              height:24px;
            }
          }
        }
      }
    }
  }
}
</style>
